<!DOCTYPE html>
<html class="no-js">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>栈</title>
</head>

<body>
  <h4>栈是一种遵从后进先出（LIFO）原则的有序集合。新添加或待删除的元素都保存在栈的同
    一端，称作栈顶，另一端就叫栈底。在栈里，新元素都靠近栈顶，旧元素都接近栈底。</h4>

  <script>
    // class Stack {
    //   constructor() {
    //     this.items = [];
    //   }
    //   push(element) { // 添加元素到栈顶，也就是栈的末尾
    //     this.items.push(element);
    //   }
    //   pop() { // 移除栈里的元素,此移出的是最后添加进去的元素
    //     return this.items.pop();
    //   }
    //   peek() { // 查看栈顶元素
    //     return this.items[this.items.length - 1];
    //   }
    //   isEmpty() { // 判断数据是否为空
    //     return this.items.length === 0;
    //   }
    //   size() { // 返回栈的长度
    //     return this.items.length;
    //   }
    //   clear() { // 清空元素
    //     return this.items = [];
    //   }
    // }

    // let stack = new Stack();
    // console.log(stack.isEmpty());
    // stack.push(1);
    // stack.push(5);
    // console.log(stack.peek());
    // console.log(stack.size());
    // stack.push({
    //   name: '123'
    // });
    // console.log(stack.size());
    // console.log(stack.isEmpty());
    // console.log(stack.items);
    // console.log(stack.peek());
    // stack.pop();
    // console.log(stack.items);
    // console.log(stack.peek());
  </script>
  <script src="./js/stack.js"></script>
</body>

</html>